.cl_modal_button3,.cl_modal_button3a,.cl_modal_button_corners,.cl_modal_button_corners2,.cl_modal_button_corners,.cl_lime,.cl_blue,.cl_lavender,.cl_green,
.cl_green2,.cl_darkblue,.cl_darkpurple,.cl_mustard,.cl_burgundy,.cl_darkred,.cl_maroon,.cl_pinkish,.cl_red,.cl_pink,.cl_neutral,.cl_twitter,.cl_white {
  border: 1px solid;
  border-color: #000;
  border-radius: 4px;
  padding: 7px;
  margin: 3px;
  display: inline-block;
  font: normal normal 16px/1 "Open Sans", sans-serif;
  text-align: left;
  text-decoration: none;
  style=vertical-align: middle;
}

.cl_lime,.cl_lime a {
  background-color: #fff;
  color: #1aafaf;
     border-color: #1aafaf;
}

.cl_white,.cl_white a {
  background-color: #fff;
  color: #blue;
}

.cl_lime:hover,.cl_lime a:hover,.cl_lime:active {

  color: #000;
    border-color: #ccf7f7;
}

.cl_blue,.cl_blue a {
  background-color: #fff;
  color: #74b9ff;
  border-color: #74b9ff;
}

.cl_blue:hover,.cl_blue a:hover,.cl_blue:active {

  color: #c7e3ff;
}

.cl_lavender,.cl_lavender a {
  background-color: #fff;
  color: #5d51fd;
    border-color: #5d51fd;
}

.cl_lavender:hover,.cl_lavender a:hover,a.cl_lavender:active {
  color: #d9d7fe;
}

.cl_green,.cl_green a {
  background-color: #00b894;
  color: #fff;
}

 .cl_green:hover,.cl_green a:hover,.cl_green:active {
  background-color: #6cffe2;
  color: #fff;
}

.cl_green2,.cl_green2 a {
  background-color: #fff;
  color: #006d6b;
  border-color:#006d6b;
}

.cl_green2:hover,.cl_green2 a:hover,.cl_green2:active {

  color: #fff;
      border-color:#00c7c1;
}

.cl_darkblue,.cl_darkblue a {
  background-color: #fff;
  color: #0984e3;
      border-color:#0984e3;
}

.cl_darkblue:hover,.cl_darkblue a:hover,.cl_darkblue a:hover,.cl_darkblue:active {
 
  color: #a2d4fb;
}

.cl_darkpurple,.cl_darkpurple a {
  background-color: #fff;
  color: #ce00bf;
  border-color:#ce00bf;
}

.cl_darkpurple:hover,.cl_darkpurple a:hover,.cl_darkpurple:active {
  color: #c4bdf5;
  border-color:#c4bdf5;
}

.cl_mustard,.cl_mustard a {
  background-color: #fff;
  color: #e59603;
  border-color:#e59603;
}

.cl_mustard:hover,.cl_mustard a:hover,.cl_mustard:active {
 
  color: #feeac5;
}

.cl_burgundy,.cl_burgundy a {
  background-color: #fff;
  color: #a8381d;
  border-color:#a8381d;
}

.cl_burgundy:hover,.cl_burgundy a:hover,.cl_burgundy:active {
 
  color: #f2c5bb;  
}

.cl_darkred,.cl_darkred a {
  background-color: #fff;
  color: #d63031;
    border-color:#d63031;
}

.cl_darkred:hover,.cl_darkred a:hover,.cl_darkred:active {
 
  color: #ff97cb;
}

.cl_maroon,.cl_maroon a {
  background-color: #fff;
  color: #e84393;
  border-color:#e84393;

}

.cl_maroon:hover,.cl_maroon a:hover,.cl_maroon:active {
 
  color: #f3a1c8;
}

.cl_twitter,.cl_twitter a {
  background-color: #1DA1F2;
  color: #fff;
}

.cl_twitter:hover,.cl_twitter a:hover,.cl_twitter:active {
  background-color: #1DA1F2;
  color: #fff;
}

.cl_pinkish,.cl_pinkish a {
  background-color:#fff ;
  color: #d8350d;
}

.cl_pinkish:hover,.cl_pinkish a:hover,.cl_pinkish:active {
  background-color: #fcd8cf;
  color: #000;
}

.cl_red,.cl_red a {
  background-color: #fff;
  color: red;
  border-color:red;
}

.cl_red:hover,.cl_red a:hover,.cl_red:active {
  color: #FF8080;
}

.cl_pink,.cl_pink a {
  background-color: #fff;
  color: #fd79a8;
  border-color:fd79a8;
}

.cl_pink:hover,.cl_pink a:hover,.cl_pink:active {
  background-color: #febdde;
  color: #fff;
}

.cl_modal_button2 {
  background: #f3f3f3;
  border: 1px solid #000080;
  border-radius: 5px;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 3px;
  padding-bottom: 1px;
  margin: 5px;
  color: #000000;
  display: inline-block;
  font: normal normal 18px/1 "Open Sans", sans-serif;
  text-align: center;
  text-decoration: underline;
}

.cl_modal_button_small {
  border: 1px solid;
  padding-left: 2px;
  padding-right: 2px;
  padding-top: 1px;
  padding-bottom: 1px;
  margin-top: 1px;
  margin-bottom: 1px;
  margin-left: 1px;
  margin-right: 1px;
  font-size: 9px color: #4F4F4F;
  display: inline-block;
  font: normal normal 18px/1 "Open Sans", sans-serif;
  text-align: left;
  text-decoration: underline;
  vertical-align: middle;
}


/* Special border colours */

.cl_facebook_border,.cl_twitter_border,.cl_youtube_border,.cl_instagram_border,.cl_news_search_border,.cl_green_border {
  border-width: 1px !important;
  border-style: solid
}

.cl_facebook_border {
  border-color: #3b5998 !important;
}

.cl_twitter_border {
  border-color: #1DA1F2 !important;
}

.cl_youtube_border {
  border-color: #FF0000 !important;
}
.cl_green_border {
  border-color: #008000 !important;
}  


 /*     .cl_youtube_border::before{
        content:url('..//bootstrap/i/youtube 23.PNG');  position:relative;} */
.cl_instagram_border {
  border-color: #F0F!important;
}

.cl_news_search_border {
  border-color: #0C0!important;
}


/* End__ Special border colours */

.cl_modal_button3 a {
  white-space: normal;
  color: #00F;
  display: block;
}

.cl_modal_button3 {
  background: #FFF;
  border-color: #999
}



.cl_modal_button_amaz a, .cl_modal_button_x a{
  white-space: normal;
  color: #000;
  display: block;
}



.cl_modal_button_amaz, .cl_modal_button_x {
  background-color: #FFF;
  color: #000;
  border: 1px solid;
  border-radius: 4px;
  padding: 7px;
  margin: 3px;
  color: #FFF;
  display: inline-block;
  font: normal normal 18px/1 "Open Sans", sans-serif;
  text-align: center;
  text-decoration: underline;
  height:40px;
}

.cl_modal_button_amaz {border-color: #FF9900}
.cl_modal_button_x {border-color: #000}

.cl_modal_button_amaz:hover {
  color: #FF8000
}

.cl_modal_button_amaz {
  background-color: #FFF;
  color: #000;
  border: 1px solid;
  border-color: #FF9900;
  border-radius: 4px;
  padding: 7px;
  margin: 3px;
  color: #FFF;
  display: inline-block;
  font: normal normal 18px/1 "Open Sans", sans-serif;
  text-align: center;
  text-decoration: underline;
}

.cl_modal_button_corners2 a {
  color: #333;
}

.cl_textafterhyphen {
  color: #999;
}

.cl_modal_button_corners2 {
  height: 35px;
}

.cl_modal_button_corners {
  background: #fafafa;
  border-color: #999
}

.cl_modal_button3a {
  background-color: #999;
  border-color: #333
}

.cl_modal_button_corners2 {
  background-color: #FFE1E1;
  border-color: #333
}

.cl_modal_button3,.cl_modal_button3a,.cl_modal_button_amaz {
  border-radius: 5px;
}

.cl_modal_button3a,.cl_modal_button_corners,.cl_modal_button_corners {
  color: #4F4F4F;
}

.cl_modal_button3,.cl_modal_button3a,.cl_modal_button_amaz,.cl_modal_button_corners {
  min-height: 30px;
}

.cl_modal_button3a:hover,.cl_modal_button3a:active {
  background-color: #FFF;
}

.cl_modal_button_corners2:hover {
  background-color: #E1E1E1;
}

.cl_modal_button3:hover,.cl_modal_button3:active {
  background-color: #fafafa;
}